.section-title {
		.el-icon-refresh-left {
			margin-left: 20px;
			cursor: pointer;

			&:hover {
				background-color: #F7F7F7;
			}
		}
	}
	#articles {
		padding: 100px;
		padding-bottom: 40px;
		padding-top: 120px !important;
	
		.el-carousel__item img,
		.el-carousel__item .el-image {
			width: 100%;
			height: 100%;
		}
	
		.el-carousel__container {
			height: 170px !important;
		}
	
		.el-carousel__item:nth-child(2n) {
			background-color: #99a9bf;
		}
	
		.el-carousel__item:nth-child(2n+1) {
			background-color: #d3dce6;
		}
	
		.el-carousel--horizontal {
			overflow: hidden;
		}
	
		.el-carousel__indicators--outside {
			position: absolute;
			bottom: 0;
			width: 100%;
			left: 0;
			line-height: 0;
		}
	
		.el-header,
		.el-footer {
			position: relative;
			background-color: #FFFFFF;
			color: #333;
			margin-bottom: 20px;
			padding: 20px;
		}
	
		.el-footer {
			height: auto !important;
		}
	
		.el-header {
			.wimage {
				display: inline-block;
				width: 12%;
				vertical-align: top;
				.el-image{
					width: 100%;
				img {
					vertical-align: top;
					border-radius: 2px;
				}
				}
			}
		}
	
		.el-image {
			width: 160px;
		}
		
		.el-image {
			vertical-align: top;
		}
	
		.el-aside {
			/* background-color: #ffffff; */
			color: #333;
			margin-right: 20px;
	
			/* height: 382px; */
	
	
			cursor: pointer;
	
		}
		.toppingArticles {
			background-color: #ffffff;
			padding: 20px;
		
			.ee {
				position: relative;
				display: inline-block;
				box-sizing: border-box;
				padding: 5px;
		
				span {
					position: absolute;
					bottom: 20px;
					color: #FFFFFF;
					display: inline-block;
					text-align: center;
					left: 0;
					width: 100%;
				}
		
				.el-image {
					width: 100%;
					object-fit: cover;
					height: 120px;
					border-radius: 2px;
					img{
						
					}
				}
			}
		
			li {
				padding: 5px 10px;
				font-size: 14px;
		
				span {
					display: inline-block;
					width: 20px;
					height: 20px;
					text-align: center;
					color: #FFFFFF;
					background-color: #b1b1b1;
					line-height: 20px;
					margin-right: 5px;
				}
		
				.bg0 {
					background-color: #f60;
				}
		
				.bg1 {
					background-color: #009688;
				}
		
				.bg2 {
					background-color: #2EA7E0;
				}
			}
		
			li:hover {
				background-color: #dcdcdc;
		
				a {
					color: #FFFFFF;
				}
			}
		}
		.el-main {
			background-color: #ffffff;
			color: #333;
			text-align: center;
			line-height: 240px;
			height: 240px;
			overflow: hidden;
			margin-bottom: 20px;
			flex: none;
		}
	
		body>.el-container {
			margin-bottom: 40px;
		}
	
		.el-container:nth-child(5) .el-aside,
		.el-container:nth-child(6) .el-aside {
			line-height: 260px;
		}
	
		.el-container:nth-child(7) .el-aside {
			line-height: 320px;
		}
	}
	#mobile-nav {
		display: block;
		position: fixed;
		top: 40%;
		left: 0;
		width: 15px;
		height: 100px;
		background-color: #2EA7E0;
		z-index: 40;
		line-height: 100px;
		text-align: center;
	
		i {
			color: #FFFFFF;
		}
	}
	.xumeijuan {
		width: 70% !important;
		overflow-y: auto;
		padding: 5px;
		background-color: #F5F5F5;
	
		.sp {
			position: unset;
			width: 100%;
	
			.sp1,
			.fk,
			.extension {
				margin-top: 5px;
			}
		}
	
		.el-drawer__header {
			background-color: #FFFFFF;
			margin: 0;
			padding-bottom: 30px;
			color: #000000;
		}
	
		.el-carousel__container {
			height: 100px;
		}
	}
	@media screen and (max-width: 600px) {
			#articles{
				.wimage{
					width: 100% !important;
					img{
						border-radius: 5px;
					}
				}
				.categoryInfo{
					width: 100%;
					margin: 0;
					margin-top: 3px;
					.desc{
						font-size: 12px;
					}
				}
				.time{
					bottom: 5px;
				}
			}
	}
	@media screen and (max-width: 1024px) {
		#articles {
			padding: 5px;
			padding-top: 50px !important;
	
			.el-container {
				display: block;
			}
	
			.el-header {
				margin-bottom: 5px;
			}
	
			.el-aside {
				width: 100% !important;
				margin: 0;
			}
	
			.el-footer {
				margin: 5px 0;
			}
	
			.extension {
				margin-top: 5px;
			}
	
			.sp1 {
				margin-bottom: 5px;
				margin-top: 5px;
			}
			.toppingArticles{
				background-color: #FFFFFF;
				padding: 20px;
				.el-image{
					width: 100% !important;
					height: 120px !important;
				}
			}
			.load_more {
				display: block;
				text-align: center;
				margin-top: 10px;
				button {
					padding: 8px 12px;
					font-size: 13px;
				}
			}
		}
	}